<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>章程</title>
    <link rel="stylesheet" type="text/css" href="{{url('css/jinxuan.css')}}" />
    <!-- 引入weui -->
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.1.1/css/jquery-weui.min.css">
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/jquery-weui/1.1.1/js/jquery-weui.min.js"></script>
    <link rel="stylesheet" href="{{url('css/style.css')}}">
    <link rel="stylesheet" href="{{url('css/common.css')}}">
    <link rel="stylesheet" href="{{url('css/public.css')}}">
    <style>
        /*body{*/
            /*background-color: #f3f3f3;*/
        /*}*/

        .header{
            background-color: white;
        }
        .title-top{
            width: 90%;
            padding-top: 1.5rem;
            padding-left: 1.3rem;
            padding-bottom: 0.4rem;
            height: 1.8rem;
            text-align: center;
            position: relative;
        }
        .header .title-top img{
            width: 17%;
        }
        .header .title-top span{
            top: 1.25rem;
            position: absolute;
            margin-left: 0.3rem;
            font-size: 1.2rem;
            text-overflow: ellipsis;
        }
        .title-bottom{
            width: 90%;
            height: 1.8rem;
            text-align: left;
            padding-left: 1.3rem;
        }
        .author{
            color: #518CD2;
            font-size: 0.75rem;
        }
        .content-time{
            margin-left: 0.3rem;
            color: #9B9B9B;
        }
        .join{
            background-color: white;
            height: 2.8rem;
            position: fixed;
            width: 100%;
            bottom: 51px;
            z-index: 10;
        }
        .btn-join{
            width: 90%;
            left: 0.85rem;
            position: absolute;
            background-color: #5BA7FF;
            height: 41px;
            top: 0.3rem;
            border: none;
            border-radius: 4px;
            color: #fff;
            font-size: 0.8rem;
        }
        .member-num{
            width: 100%;
            font-size: 0.80rem;
            height: 30px;
            color: #576b95;
            padding-left: 1.5rem;
        }
        .font-size-xregular p{
            margin: -1px;
            padding: 0;
            line-height: 0
        }
        .icon-xian{
            background: url({{url("images/icon-xian.png")}});
        }
        .more{
            background-color: white;
            width: 100%;
            position: relative;
            height: 2.5rem;
        }
        .icon-xian-left{
            width: 20%;
            height: 1rem;
            position: absolute;
            left: 9%;
            top: 0.15rem;
            background: url({{url('images/icon-xian.png')}});
        }
        .more span{
            position: absolute;
            left: 32%;
            color: #4a4a4a;
            font-size: 0.75rem;
        }
        .icon-xian-right{
            width: 20%;
            height: 1rem;
            position: absolute;
            right: 9%;
            top: 0.15rem;
            background: url({{url('images/icon-xian.png')}});
        }
        .icon-down{
            background: url({{url('images/down.png')}});
        }
        .share{
            position: absolute;
            right: 1.0rem;
            bottom: 0rem;
            width: 4rem;
        }
        .share-icon{
            width: 24px;
        }
        .share-text{
            width: 48%;
            position: absolute;
            bottom: 0.2rem;
            right: 0.7rem;
        }
        .share-cover{
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1000;
            background-color: #000000;
            opacity: 0.7;
            display: none;
        }
        .shareDiv{
            position: fixed;
            right: 18px;
            top: 5px;
            z-index: 1001;
            display: none;
        }
        .shareDiv img{
            width: 260px;
            height: 180px;
        }
    </style>
</head>
<body>
    <div>
        <!-- header -->
        <div class="header">
            <div class="title-top">
                <span>@if($content)
                        {{$content->title}}
                    @endif
                </span>
            </div>
            {{--<div class="title-bottom">--}}
                {{--<span class="author">章程</span>--}}
                {{--<span class="content-time">2018-08-07</span>--}}
            {{--</div>--}}
        </div>
        <!-- 文案 -->
        <div class="article_box">
            {{--class="weui-article"--}}
            <article class="weui-article" style="padding: 0;margin-bottom: 6.0rem">
                <!-- TODO：后台修改直接替换以下内容 -->
                <?php echo html_entity_decode($content->content); ?>
                <!-- /TODO：替换结束 -->
            </article>
        </div>

        <!--弹出层结束-->
        <div class="share-cover"></div>
        <div class="shareDiv">
            <img src="{{url('images/guide.png')}}" width="90%">
            <span id="closeX">X</span>
        </div>
    </div>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        $(function () {


            $(".share-cover").click(function () {
                $(".share-cover").hide();
                $(".shareDiv").hide();
            });

            $(".share").click(function () {
                $(".share-cover").show();
                $(".shareDiv").show();
            })


        });
    </script>
</body>